<template>
  <div>
    <input type="text" :value="modelValue"
    @input="updateValue($event.target.value)">
  </div>

  <!-- 就是这个input输入框，输进去值，触发updateValue方法，把输入的值放进方法的括号里的value里面，里面使用了注册的变量 emit -->
</template>

<script setup>
defineOptions({
    name: 'MyInput'
})

defineProps({
    modelValue: {
        type: String,
        default: ''
    }
})

const emit = defineEmits(['update:modelValue'])

const updateValue = (value) => {
  emit('update:modelValue', value)
}

</script>

<style  lang="scss" scoped>
</style>